<!DOCTYPE html>
<html lang="en">

<head>
  <title>丁同亚的简历 - 全栈工程师 </title>

  <!-- Meta -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="简历 求职 " />
  <meta name="author" content="dingtongya" />
  <link rel="shortcut icon" href="favicon.ico" />

  <!-- Google Font -->
  <!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet"> -->

  <!-- FontAwesome JS-->
  <script defer src="assets/fontawesome/js/all.min.js"></script>

  <!-- Theme CSS -->
  <link id="theme-style" rel="stylesheet" href="assets/css/pillar-3.css" />

  <style>
    /*toast样式*/
    #toastWaka {
      position: absolute;
      display: none;
      left: 50%;
      bottom: 50%;
      z-index: 99999;
      margin: 0 auto;
      -webkit-transform: translate(-50%);
      transform: translate(-50%);
      width: 120px;
      height: 40px;
      line-height: 40px;
      border-radius: 5px;
      text-align: center;
      color: #fff;
      background-color: rgba(000, 000, 000, 0.5);
    }

    #toastWaka .text {
      color: #fff;
      display: inline-block;
      font-size: 14px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
    }
  </style>
</head>

<body>
  <article class="resume-wrapper text-center position-relative">
    <div class="resume-wrapper-inner mx-auto text-start bg-white shadow-lg">
      <header class="resume-header pt-4 pt-md-0">
        <div class="row">
          <div class="col-block col-md-auto resume-picture-holder text-center text-md-start">
            <img class="picture" src="assets/images/myl.jpg" alt="" style="background-size: cover;height: 220px;width: auto;"/>
          </div>
          <!--//col-->
          <div class="col">
            <div class="row p-4 justify-content-center justify-content-md-between">
              <div class="primary-info col-auto">
                <h1 class="name mt-0 mb-1 text-white text-uppercase text-uppercase">
                  丁同亚
                </h1>
                <div class="title mb-3">前端开发、服务端开发</div>
                <ul class="list-unstyled">
                  <li class="mb-2">
                    <a class="text-link linkme " href="#"><i class="far fa-envelope fa-fw me-2"
                        data-fa-transform="grow-3"></i>dingtongya@aliyun.com</a>
                  </li>
                  <li>
                    <a class="text-link linkme " href="#"><i class="fas fa-mobile-alt fa-fw me-2"
                        data-fa-transform="grow-6"></i>15503939825</a>
                  </li>

                </ul>
              </div>
              <!--//primary-info-->
              <div class="secondary-info col-auto mt-2">
                <ul class="resume-social list-unstyled">
                  <li class="mb-3">
                    <a class="text-link text-decoration-none " href="#">
                      <span class="fa-container text-center me-2">
                        <i class="fa-solid fa-graduation-cap"></i>
                      </span>
                      <span style="font-weight: bolder;">
                        全日制本科学历双证齐全

                      </span>
                    </a>
                  </li>
                  <li class="mb-3">
                    <a class="text-link text-decoration-none " href="#"><span class="fa-container text-center me-2"><i
                          class="fa-solid fa-laptop-code"></i></span>
                      <span style="font-weight: bolder;">
                        4年工作经验,善长解决bug
                      </span></a>
                  </li>
                  <li class="mb-3">
                    <a class="text-link text-decoration-none " href="#"><span class="fa-container text-center me-2"><i
                          class="fa-brands fa-font-awesome"></i></span>
                      <span style="font-weight: bolder;">服从性强,事事有回应,件件有着落</span></a>
                  </li>
                </ul>
              </div>
              <!--//secondary-info-->
            </div>
            <!--//row-->
          </div>
          <!--//col-->
        </div>
        <!--//row-->
      </header>
      <div class="resume-body p-5">
        <section class="resume-section summary-section mb-5">
          <h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">
            个人简介
          </h2>
          <div class="resume-section-content">
            <p class="mb-0">
            <ul>

              <li>本人工作态度积极,每天都能以饱满的精神投入到工作中,能严格执行领导安排的任务</li>
              <li>我工作以来主要从事前端开发,有丰富的混合开发、大屏可视化开发经验,热爱技术,热爱前端开发</li>
              <li>可从零搭建前后端项目，针对项目特点做针对性的优化，并且凡是前端的技术都能很快上手开发。</li>
              <li>熟练操作原生dom、了解框架(Vue,React,jQuery)原理，掌握常用算法，根据场景书写正则表达式等等，基础非常扎实。</li>
              <li>工作中主要使用vue框架，丰富的vue开发经验，掌握前端各种工具库如echarts swapper xlsxjs pdfjs等，熟练webpack配置。</li>
              <li>掌握华为鸿蒙开发,有相关开发经验.</li>
              <li>熟悉node后台开发，掌握相关企业级框架eggjs,了解java后台开发，有一定的微信小程序开发经验。</li>
            </ul>






            </p>
          </div>
        </section>
        <!--//summary-section-->
        <div class="row">
          <div class="col-lg-9">
            <section class="resume-section experience-section mb-5">
              <h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">
                工作及项目经历
              </h2>
              <div class="resume-section-content">
                <div class="resume-timeline position-relative">
                  <article class="resume-timeline-item position-relative pb-5">
                    <div class="resume-timeline-item-header mb-2">
                      <div class="d-flex flex-column flex-md-row">
                        <h3 class="resume-position-title font-weight-bold mb-1">
                          手机银行App前端开发
                        </h3>
                        <div class="resume-company-name ms-auto">
                          软通动力信息技术股份有限公司
                        </div>
                      </div>
                      <!--//row-->
                      <div class="resume-position-time">2022/09 - 2024/02/02</div>
                    </div>
                    <!--//resume-timeline-item-header-->
                    <div class="resume-timeline-item-desc">
                      <p>
                        此项工作是外包到山东城商行联盟做手机银行app开发，我主要负责的是手机端生活缴费、信用卡、账户等模块以及pc端运管系统的开发维护。
                      </p>
                      <h4 class="resume-timeline-item-desc-heading font-weight-bold">
                        工作内容简介:
                      </h4>
                      <!-- <p>
                        Praesentium voluptatum deleniti atque corrupti quos
                        dolores et quas molestias excepturi sint occaecati
                        cupiditate non provident.
                      </p> -->
                      <ul>
                        <li>
                          生活缴费模块主要负责提供水电气费,通讯费,历史缴费,代扣签约或解约等服务,业务流程通常为:<br />
                          &nbsp;&nbsp;&nbsp;&nbsp;查询账户信息->输入缴费信息->用户确认->提交->结果页
                        </li>
                        <li>
                          信用卡模块主要负责账户详情展示,分期申请,分期记录查询,账户挂失解挂等等.我主要负责信用卡分期记录查询,根据分期类型分期时间,是否可撤销可提前还款等查询选中卡号的分期记录信息,对每条记录详情展示,支持提前还款撤销分期登操作.
                        </li>
                        <li>
                          运管业务中我主要负责大屏展示,运营位配置等.
                        </li>
                      </ul>
                      <h4 class="resume-timeline-item-desc-heading font-weight-bold">
                        使用到的技术:
                      </h4>
                      <ul class="list-inline">
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Ehas</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Vue2</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">echarts</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">jQuery</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Webpack</span>
                        </li>
                      </ul>
                    </div>
                    <!--//resume-timeline-item-desc-->
                  </article>
                  <!--//resume-timeline-item-->

                  <article class="resume-timeline-item position-relative pb-5">
                    <div class="resume-timeline-item-header mb-2">
                      <div class="d-flex flex-column flex-md-row">
                        <h3 class="resume-position-title font-weight-bold mb-1">
                          统一监管报送项目
                        </h3>
                        <div class="resume-company-name ms-auto">京北方信息技术股份有限公司</div>
                      </div>
                      <!--//row-->
                      <div class="resume-position-time">2021/09 - 2022/08</div>
                    </div>
                    <!--//resume-timeline-item-header-->
                    <div class="resume-timeline-item-desc">
                      <p>
                        此项工作是外包到邮储银行统一监管报送项目组，我负责客户风险这一块，主要是针对报表数据增删改查，以及对数据进行可视化渲染。
                      </p>
                      <h4 class="resume-timeline-item-desc-heading font-weight-bold">
                        工作内容简介
                      </h4>
                      <p>
                        邮储银行统一监管报送项目，我负责客户风险这一块，使用vue+element+echarts技术栈，主要实现功能有大屏可视化渲染，报表增删改查，文件导入导出，二级菜单，登陆登出，echart各种图表渲染，xlsx表格渲染等等
                      </p>
                      <h4 class="resume-timeline-item-desc-heading font-weight-bold">
                        使用到的技术:
                      </h4>
                      <ul class="list-inline">
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Vue</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Webpack</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Echarts</span>
                        </li>
                      </ul>
                    </div>
                    <!--//resume-timeline-item-desc-->
                  </article>
                  <!--//resume-timeline-item-->

                  <article class="resume-timeline-item position-relative pb-5">
                    <div class="resume-timeline-item-header mb-2">
                      <div class="d-flex flex-column flex-md-row">
                        <h3 class="resume-position-title font-weight-bold mb-1">
                          个人网站
                        </h3>
                        <div class="resume-company-name ms-auto">
                        在线网址                
                          <a class="text-link linkme " href="http://152.136.255.44">
                            <i class="fa-solid fa-location-dot fa-fw me-2"
                              data-fa-transform="grow-6"></i>http://152.136.255.44</a>
                        <!-- <a class="text-link"  href="./assets/images/profile.jpg" download="丁同亚-全栈工程师">下载PDF版</a> -->
                        </div>
                      </div>
                      <!--//row-->
                      <div class="resume-position-time">2024/02 - 至今</div>
                    </div>
                    <!--//resume-timeline-item-header-->
                    <div class="resume-timeline-item-desc" style="display: block;">
                      <p>
                        此网站是个人独立搭建，提供个人联系方式，简历在线查看和下载，留言等功能
                      </p>
                      <p style="display: none;">
                        Lorem ipsum dolor sit amet, consectetuer adipiscing
                        elit. Aenean commodo ligula eget dolor. Aenean massa.
                        Cum sociis natoque penatibus et magnis dis parturient
                        montes.
                      </p>
                      <h4 class="resume-timeline-item-desc-heading font-weight-bold">
                        技术点:
                      </h4>
                      <ul class="list-inline">
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Nginx</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Eggjs</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">jQuery</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">Vue3</span>
                        </li>
                        <li class="list-inline-item">
                          <span class="badge bg-secondary badge-pill">HTML/SASS</span>
                        </li>
                      </ul>
                    </div>
                    <!--//resume-timeline-item-desc-->
                  </article>
                  <!--//resume-timeline-item-->
                  <!--//resume-timeline-item-->
                </div>
                <!--//resume-timeline-->
              </div>
            </section>
            <!--//experience-section-->
          </div>
          <div class="col-lg-3">
            <section class="resume-section skills-section mb-5">
              <h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">
                技能 &amp; 开发工具
              </h2>
              <div class="resume-section-content">
                <div class="resume-skill-item">
                  <h4 class="resume-skills-cat font-weight-bold">前端</h4>
                  <ul class="list-unstyled mb-4">
                    <li class="mb-2">
                      <div class="resume-skill-name">Vue</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 98%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                    <li class="mb-2">
                      <div class="resume-skill-name">Webpack</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 90%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                    <li class="mb-2">
                      <div class="resume-skill-name">微信小程序</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 80%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                    <li class="mb-2">
                      <div class="resume-skill-name">HTML/CSS/SASS/LESS</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 99%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                  </ul>
                </div>
                <!--//resume-skill-item-->

                <div class="resume-skill-item">
                  <h4 class="resume-skills-cat font-weight-bold">后端</h4>
                  <ul class="list-unstyled">
                    <li class="mb-2">
                      <div class="resume-skill-name">Node/Eggjs</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 95%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                    <li class="mb-2">
                      <div class="resume-skill-name">Nginx</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 90%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                    <li class="mb-2">
                      <div class="resume-skill-name">Java/Spring</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 70%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                    <li class="mb-2">
                      <div class="resume-skill-name">Linux</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 86%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>
                    <li class="mb-2">
                      <div class="resume-skill-name">MySql</div>
                      <div class="progress resume-progress">
                        <div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 90%"
                          aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </li>

                  </ul>
                </div>
                <!--//resume-skill-item-->

                <div class="resume-skill-item">
                  <h4 class="resume-skills-cat font-weight-bold">其他</h4>
                  <ul class="list-inline">
                    <li class="list-inline-item">
                      <span class="badge bg-secondary badge-light">Git</span>
                    </li>
                    <li class="list-inline-item">
                      <span class="badge bg-secondary badge-light">CC&CQ</span>
                    </li>
                    <li class="list-inline-item">
                      <span class="badge bg-secondary badge-light">SVN</span>
                    </li>

                  </ul>
                </div>
                <!--//resume-skill-item-->
              </div>
              <!--resume-section-content-->
            </section>
            <!--//skills-section-->
            <section class="resume-section education-section mb-5">
              <h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">
                教育经历
              </h2>
              <div class="resume-section-content">
                <ul class="list-unstyled">
                  <li class="mb-2">
                    <div class="resume-degree font-weight-bold">
                      齐鲁工业大学
                    </div>
                    <div class="resume-degree-org">
                      计算机科学与技术
                    </div>
                    <div class="resume-degree-time">2014 - 2020</div>
                  </li>
                  <li>
                    <div class="resume-degree font-weight-bold">
                      濮阳市油田一中
                    </div>
                    <div class="resume-degree-org">
                      高中
                    </div>
                    <div class="resume-degree-time">2013 - 2014</div>
                  </li>
                </ul>
              </div>
            </section>
            <!--//education-section-->
            <!--//language-section-->
            <section class="resume-section interests-section mb-5">
              <h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">
                兴趣爱好
              </h2>
              <div class="resume-section-content">
                <ul class="list-unstyled">
                  <li class="mb-1">中医</li>
                  <li class="mb-1">登山</li>
                  <li class="mb-1">开车兜风</li>
                </ul>
              </div>
            </section>
            <!--//interests-section-->
          </div>
        </div>
        <!--//row-->
      </div>
      <!--//resume-body-->
    </div>
  </article>

  <footer class="footer text-center pt-2 pb-5">
    <small class="copyright">丁同亚制作 <span class="sr-only">love</span><i class="fas fa-heart"></i>
      <a target="_blank" href="http://152.136.255.44" title="个人空间首页">个人空间首页</a>
    </small>
  </footer>
  <div style="width: 4rem;height: 2rem; margin: 1rem;border-radius: 50%;text-align: right;color: #22A162;position: fixed;
    right: 0.5rem;bottom: 1rem;
  " >
    <!-- <i class="fa-solid fa-file-arrow-down fs-2"></i> -->
    <br />
    <a class="text-link"  href="./assets/images/profile.pdf" download="丁同亚-简历-3年经验">下载</a>
  </div>
</body>
<script type="text/javascript" src="./assets/js/toast.js"></script>

<script>
  const nl = document.querySelectorAll('.linkme')
  nl.forEach((el, i) => {
    el.addEventListener('click', (e) => {
      let txt = e.target.innerText

      navigator.clipboard.writeText(txt).then((res) => {
        var msg = '已复制,雇佣我吧';
        var type = 'success';
        Toast.init();
        Toast.show(msg, type, null);
        setTimeout(function () {
          Toast.hide();
        }, 20000);
      }).catch(() => {
        Toast.init();
        Toast.show('复制失败', 'error', null);
        setTimeout(function () {
          Toast.hide();
        }, 20000);
      })



    })
  })
</script>

</html>
